<template>
  <div class="discuss">
    <div class="pl">
      <div>
        <img
          src="https://img.miyabaobei.com//d1/p5/2018/10/16/cc/e1/cce1dedc299196fdb6297802ae9ed669561364390.jpg"
          class="avatar"
        />
        <span style="margin-left:10px">董益雨</span>
      </div>
      <span>男</span>
    </div>
    <p class="van-multi-ellipsis--l3">鸡蛋个头很多，个头也匀实，包装也好！快递也给力！放心购买！质量杠杠滴！</p>
    <div class="imgs">
      <img
        src="https://img05.miyabaobei.com/d1/p6/2019/02/20/2d/30/2d30333c685bd5877ca74ebf2c57684f337078604.jpg@style@koubeilist"
        alt
        srcset
        class="zs"
      />
      <img
        src="https://img05.miyabaobei.com/d1/p6/2019/02/20/2d/30/2d30333c685bd5877ca74ebf2c57684f337078604.jpg@style@koubeilist"
        alt
        srcset
        class="zs"
      />
    </div>
  </div>
</template>

<script>
export default {
  name: "discuss",
};
</script>

<style scoped>
.discuss {
  background-color: #ffffff;
  padding: 5px;
}

.avatar {
  width: 30px;
  height: 30px;
  border-radius: 100%;
}

.pl,
.pl > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}

.van-multi-ellipsis--l3 {
  padding: 0 10px;
  margin-top: 10px;
}

.zs {
  width: 75px;
  height: 75px;
}

.imgs > img {
  margin: 10px;
}
</style>